<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ include file="image_data.jsp"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
String contextPath = request.getContextPath();
%>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta content="width=device-width, minimum-scale=1,initial-scale=1, maximum-scale=1, user-scalable=1" id="viewport" name="viewport" />
		<meta content="yes" name="apple-mobile-web-app-capable" />
		<meta content="black" name="apple-mobile-web-app-status-bar-style" />
		<meta content="telephone=no" name="format-detection" />
		<c:set var="path" value="${pageContext.request.contextPath}"/>
		<link rel="stylesheet" href="${path}/xkh_version_2/iconfont/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="${path}/xkh_version_2/css/style.css" />
		<script type="text/javascript" src="${path}/xkh_version_2/js/jquery-2.1.0.js" ></script>
		<script type="text/javascript" src="${path}/xkh_version_2/js/iscroll.probe.min.js" ></script>
		<script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
		<script type="text/javascript" src="${path}/xkh_version_2/js/dropload.min.js" ></script>
		<link rel="stylesheet" href="${path}/xkh_version_2/css/swiper-3.3.1.min.css" />
		
		<title>优质资源</title>
	</head>
	<style>
	 nav{
        position:fixed;
        left:0;
        bottom:0;
        
     }
     .pullUpLabel{
     	text-align:center;
     	margin-top: 10px;
     }
     </style>
		<body>
		<div id="wrapper">
			<ul class="list" id="list">
			<%-- <c:forEach var="message" items="${po.datasource}" varStatus="time">
			<li class="resource_content resource_content1 viewNums" id="viewNums">
			<input type="hidden" name="viewNums"  class="viewNumcs" value="${message.id}">
				<a> href="javascript:toAddView(${message.id})"
					<div class="resource_detail">
						<div class="detail_content">
							<img class="search_pic" src="${message.imgerUrl}${more_resource}" />
							<div class="resource_marsk">
								<p>${message.title}</p>
							</div>
						</div>
						<p class="resource_explain">${message.content}</p>
					<div class="more_content">
					    
						<span class="iconfont icon-iconset0207"></span>
						<span class="viewNumSpan">${message.viewNum}</span>
						<!-- 暂时屏蔽掉点赞数和查看数
						<span class="iconfont icon-iconfontdianzan"></span>
						<span class="zan_number">${message.isagree}</span>点赞数 
						-->
						<span>${message.getdate}</span>
					</div>
					</div>
				</a>
		    </li>
		    </c:forEach> --%>
		    </ul>
		    <div id="pullUp" class="">  
	        <div class="pullUpLabel">加载更多</div>  
	        </div> 
		 <input type="hidden" id="page" name="page" value="0">
		</div>
		<!--底部条-->
		<nav class="foot-bar-tab">
			<a class="foot-tab-item foot-active" href="${path }/home/index.html">
				<span class="foot-icon foot-icon-home"></span>
				<span class="foot-tab-label">首页</span>
			</a>
			<a class="foot-tab-item" href="${path}/prompt/prompt.html">
				<span class="foot-icon foot-icon-pub"></span>
				<span class="foot-tab-label">发布</span>
			</a>
			<a class="foot-tab-item" href="${path}/prompt/prompt.html">
				<span class="foot-icon foot-icon-bus"></span>
				<span class="foot-tab-label">已选</span>
			</a>
			<a class="foot-tab-item" href="${path }/home/getmyInform.html">
				<span class="foot-icon foot-icon-person"></span>
				<span class="foot-tab-label">我的</span>
			</a>
		</nav>
	</body>
	<script>
		
		function loading(){
			
			var baseP = "<%=basePath%>";
			var title=document.title;
			 //获取当前浏览器url全路径,如: http://zhoubang85.com/chooseWXPay.jsp
	        var client = window.location.href;
	        var rPath='<%=contextPath%>/skillUser/getJSConfig.html';
			//请求后台，获取jssdk支付所需的参数
			$.ajax({
				type : 'post',
				url : rPath,
				dataType : 'json',
				data : {
					"clientUrl" : client
				//当前页面所在的浏览器URL全路径,由于该支付为jssdk支付，所以需要url地址.参与后台sign签名
				},
				cache : false,
				error : function() {
					alert("系统错误，请稍后重试");
					return false;
				},
				success : function(data) {
					//微信支付功能只有微信客户端版本大于等于5.0的才能调用
					var return_date = eval(data);
					if (parseInt(data[0].agent) < 5) {
						alert("您的微信版本低于5.0无法使用微信支付");
						return;
					}
					//JSSDK支付所需的配置参数，首先会检查signature是否合法。
					wx.config({
						debug : !true, //开启debug模式，测试的时候会有alert提示
						appId : return_date[0].appId, //公众平台中-开发者中心-appid
						timestamp : return_date[0].config_timestamp, //时间戳
						nonceStr : return_date[0].config_nonceStr, //随机字符串,不长于32位
						signature : return_date[0].config_sign, //这里的signature是后台使用SHA1签名算法得出，不是MD5，与下面的wx.chooseWXPay中的paySign不同，下面的paySign是后台使用MD5加密得出
						jsApiList : [ 'onMenuShareAppMessage','onMenuShareTimeline' ]
					});
	
					//上方的config检测通过后，会执行ready方法
					wx.ready(function() {
						
						wx.onMenuShareAppMessage({
						    title: title, // 分享标题
						    desc: "校咖汇,校园资源共享平台!", // 分享描述
						    link: client, // 分享链接
						    imgUrl: baseP+'wapstyle/img/logosss.png', // 分享图标
						    type: '', // 分享类型,music、video或link，不填默认为link
						    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
						    success: function () { 
						        // 用户确认分享后执行的回调函数
						    },
						    cancel: function () { 
						        // 用户取消分享后执行的回调函数
						    }
						});
						wx.onMenuShareTimeline({
						    title: title, // 分享标题
						    desc: "校咖汇,校园资源共享平台!", // 分享描述
						    link: client, // 分享链接
						    imgUrl: baseP+'wapstyle/img/logosss.png', // 分享图标
						    type: '', // 分享类型,music、video或link，不填默认为link
						    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
						    success: function () { 
						        // 用户确认分享后执行的回调函数
						    },
						    cancel: function () { 
						        // 用户取消分享后执行的回调函数
						    }
						});
	
	
					});
					wx.error(function(res) {
						//alert(res.errMsg);
					});
				}
			});
			
		};
		
	</script>
	<script>
	
	$(function(){
		loading();//加载分享
	    var page = 0;//页码数
	    var pageNum = 10;//页面条数
	    // dropload函数接口设置
	    $('.scroller').dropload({
	        scrollArea : window,
	        // 2 . 上拉加载更多 回调函数
	        loadDownFn : function(me){
	        	page=parseInt($("#page").val());
	            $.ajax({
            	    url:'moreResourceAjax.html',
            	    type:'POST', //GET
            	    async:false,    //或false,是否异步
            	    data:{"pageCurrent":page,pageNum:pageNum},
            	    dataType:'json',    //返回的数据格式：json/xml/html/script/jsonp/text
            	    success:function(data){
            	    	var li=""; 
            	    	for(var j = 0; j < data.specials.length; j++){
            	    		//?id='+userid+'
            	    		 li += '<li class="resource_content resource_content1 viewNums" id="viewNums"">'+
            	    		 			'<input type="hidden" name="viewNums"  class="viewNumcs" value="'+data.specials[j].id+'">'+
			            	    		 '<a href="javascript:toAddView('+data.specials[j].id+')">'+
			   							'<div class="resource_detail">'+
			   								'<div class="detail_content">'+
			   									
			   									'<img class="search_pic" src="'+data.specials[j].imgerUrl+'" />'+
			   									'<div class="resource_marsk">'+
			   										'<p>'+data.specials[j].title+'</p>'+
			   									'</div>'+
			   								'</div>'+
			   								'<p class="resource_explain">'+data.specials[j].content+'</p>'+
			   							'<div class="more_content">'+
			   								'<span class="iconfont icon-iconset0207"></span>'+
			   								'<span class="viewNumSpan" id="view'+data.specials[j].id+'">'+data.specials[j].viewNum+'</span>'+
			   								'<span>'+data.specials[j].getdate+'</span>'+
			   							'</div>'+
			   							'</div>'+
			   							'</a>'+
			   					  '</li>'
								
                        	};
                        
                        
                        // 为了测试，延迟1秒加载
                        setTimeout(function(){
                        	
                        	if(data.specials.length < pageNum){//表示已经下拉结束了
                           	 // 再往下已经没有数据
                           	 $(".pullUpLabel").text("没有更多数据");
                               // 锁定
                               me.lock();
                               // 显示无数据
                               me.noData();
                           	
                           }
                           if(data.specials.length == pageNum){
	                           	$("#page").val(page+1);
	                           	$(".pullUpLabel").text("加载更多");
                           }
                           
                            // 加载 插入到原有 DOM 之后
                            $('#list').append(li);
                            // 每次数据加载完，必须重置
                            me.resetload();
                        },100);
            	    },
            	    error:function(){
            	    	alert('Ajax error!');
                        // 即使加载出错，也得重置
                        me.resetload();
            	    }
            	})
	        },
	        threshold : 50 // 什么作用???
	    });
	});
	
	/* function load () {
		loading();
		//初始化加载调用AJAX方法请求数据
		var li=""; 
		var pageCurrent = 1;//默认为第二次加载
		var more_resource = "${more_resource}";//处理图片防止过大
		var pageCount = "${pageCount}";
		var lock = true;//防止无限制下拉
		pageCount = parseInt(pageCount);//总页数加载
		
        var myScroll, 
                    pullUp = $("#pullUp"),    
                    pullUpLabel = $(".pullUpLabel"),  
                    container = $('.list'),  
                    loadingStep = 0;//加载状态0默认，1显示加载状态，2执行加载数据，只有当为0时才能再次加载，这是防止过快拉动刷新  
  
            pullUp.hide();  
  
            myScroll = new IScroll("#wrapper", {  
                scrollbars: true,  
                mouseWheel: false,  
                interactiveScrollbars: true,  
                shrinkScrollbars: 'scale',  
                fadeScrollbars: true,
                click:true, //click事件需要进行放开
                freeScroll:false,//默认阻止的事件进行放来
                scrollY:true,  
                probeType: 2,  
                bindToWrapper:true,
                preventDefaultException: { tagName: /^(INPUT|TEXTAREA|BUTTON|SELECT|A)$/ }//默认阻止的事件进行放来
            });  
            myScroll.on("scroll",function(){ 
                    if(loadingStep == 0  && !pullUp.attr("class").match('refresh') &&lock){  
                       if(this.y < (this.maxScrollY - 14)){//上拉加载更多
                        if(pageCurrent!=pageCount){
                       	    pullUp.addClass("refresh").show();
                            pullUpLabel.text("正在载入");  
                            loadingStep = 1;  
                            pullUpAction();  
                            console.log("1")
                       }else{
                          pullUpLabel.text("没有更多数据");
                          //alert("没有更多数据");
                       }
                    }  
                }  
            });

        function pullUpAction(){
        	
        	lock = false; //进入刷新
            setTimeout(function(){ 
            	loadingStep = 2;  
            	if(pageCurrent<=pageCount){//判断当前页面小于总页数
            	$.ajax({
            	    url:'moreResourceAjax.html',
            	    type:'POST', //GET
            	    async:false,    //或false,是否异步
            	    data:{"pageCurrent":pageCurrent},
            	    timeout:5000,    //超时时间
            	    dataType:'json',    //返回的数据格式：json/xml/html/script/jsonp/text
            	    success:function(data,textStatus,jqXHR){
            	    	if(parseInt(data.currentPage)<=parseInt(data.absolutePage)&&data.datasource!=null){//判定是否有必要刷新
            	    	pageCurrent++;//每成功一次当前页++
            	    	console.log(pageCurrent);
            	    	$.each(data.datasource, function (index, skill) {
            	    		 li += '<li class="resource_content resource_content1">'+
            	    		 '<a href=javascript:toAddView('+skill.id+')>'+
   							'<div class="resource_detail">'+
   								'<div class="detail_content">'+
   									
   									'<img class="search_pic" src="'+skill.imgerUrl+more_resource+'" />'+
   									'<div class="resource_marsk">'+
   										'<p>'+skill.title+'</p>'+
   									'</div>'+
   								'</div>'+
   								'<p class="resource_explain">'+skill.content+'</p>'+
   							'<div class="more_content">'+
   								'<span class="iconfont icon-iconset0207"></span>'+
   								'<span>'+skill.viewNum+'</span>'+
   								'<span>'+skill.getdate+'</span>'+
   							'</div>'+
   							'</div>'+
   							'</a>'+
   					  '</li>'
                        });
            	    	}
            	    	 //还原加载状态
            	    	 loadingStep = 0;
            	    	 container.append(li);
                     	 li="";//使用过后为空
                         pullUp.attr('class','').hide();  
                         myScroll.refresh();  
                         lock=true;//完成加载之后，改变lock状态
            	    },
            	    error:function(xhr,textStatus){
            	    	 console.log("------获取数据异常-------");
            	    	 //更正状态
            	    	 loadingStep = 0; 
            	    	 pullUp.attr('class','').hide();  
                         myScroll.refresh();  
                         lock=true;//完成加载之后，改变lock状态
            	    }
            	})}
                
            },0);  
        }  
        document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);  
        }  */ 
        //点赞效果的实现
        $(".icon-iconfontdianzan").click(function(){
        	$(this).toggleClass("zan");
        	var classname=$(this).attr("class");

        	var zan_num=parseInt($(".zan_number").html());

	        	if(classname == "iconfont icon-iconfontdianzan zan"){
					zan_num +=1;
					
					$(".zan_number").html(zan_num);
			
		}else if(classname== "iconfont icon-iconfontdianzan"){
			zan_num -=1;
			$(".zan_number").html(zan_num);
		}
        })
        
        function getIsagreeNum(num){
        	
        	$.ajax({
        	    url:'toViewNum.html',
        	    type:'POST', //GET
        	    async:true,    //或false,是否异步
        	    data:{id:num},
        	    timeout:5000,    //超时时间
        	    dataType:'json',    //返回的数据格式：json/xml/html/script/jsonp/text
        	    success:function(data,textStatus,jqXHR){
        	    	console.log("点赞成功");
        	    },
        	    error:function(xhr,textStatus){
        	    	console.log("点赞失败");
        	    },
        	})
        }
		 $("#viewNums").click(function(){
			 var num=  $(".viewNumcs").eq($(this).index()).val();
			 var viewNumSpanVal=  $(".viewNumSpan").eq($(this).index()).html();
			 $(".viewNumSpan").html(parseInt(viewNumSpanVal)+1);
			  $.ajax({
	        	    url:'toViewNum.html',
	        	    type:'POST', //GET
	        	    async:true,    //或false,是否异步
	        	    data:{id:num},
	        	    timeout:5000,    //超时时间
	        	    dataType:'json',    //返回的数据格式：json/xml/html/script/jsonp/text
	        	    success:function(data,textStatus,jqXHR){
	        	    	location.href = data;
	        	    }
	        	}) 
			});
		 function toAddView(id){
			 $("#page").val("0");
			 var viewNumSpanVal = $("#view"+id).html();
			 $("#view"+id).html(parseInt(viewNumSpanVal)+1);
			 
			 $.ajax({
	        	    url:'toViewNum.html',
	        	    type:'POST', //GET
	        	    async:true,    //或false,是否异步
	        	    data:{id:id},
	        	    timeout:5000,    //超时时间
	        	    dataType:'json',    //返回的数据格式：json/xml/html/script/jsonp/text
	        	    success:function(data,textStatus,jqXHR){
	        	    	location.href = data;
	        	    }
	        	});
		 }
       
</script>
							<!--  js 中屏蔽点赞功能和 查看数功能 	
								
   								'<span class="iconfont icon-iconfontdianzan"></span>'+
   								'<span class="zan_number">523</span>'+ 
   							-->

</html>
